<template>
  <div>
    <div class="my-body">
      <div class="ipt_a">
        <div style="float: left; line-height: 30px" class="tab_font-size">样品申请编号：</div>
        <el-input
          v-model="input"
          placeholder="请输入内容"
          style="width: 130px; height: 50px; float: left"
        ></el-input>
      </div>
      <div class="ipt_a">
        <div style="float: left; line-height: 30px" class="tab_font-size">申请状态：</div>
        <el-select v-model="value" placeholder="请选择授权状态" style=" width: 150px;">
          <el-option label="全部" value="beijing"></el-option>
          <el-option label="初审中" value="shanghai"></el-option>
          <el-option label="复审中" value="beijing"></el-option>
          <el-option label="终审中" value="shanghai"></el-option>
          <el-option label="复核中" value="beijing"></el-option>
          <el-option label="申请驳回" value="shanghai"></el-option>
          <el-option label="授权驳回" value="shanghai"></el-option>
        </el-select>
      </div>

      <div class="ipt_a">
        <div style="float: left; line-height: 30px" class="tab_font-size">申请医院地区：</div>
        <el-input
          v-model="input"
          placeholder="请输入内容"
          style="width: 130px; height: 50px; float: left"
        ></el-input>
      </div>
      <div class="ipt_a">
        <div style="float: left; line-height: 30px" class="tab_font-size">经销商：</div>
        <el-input
          v-model="input"
          placeholder="请输入内容"
          style="width: 130px; height: 50px; float: left"
        ></el-input>
      </div>

      <el-button type="primary" plain>查询</el-button>
      <el-button>清空</el-button>

      <div style="margin-top: 30px">
        <div>
          <el-button type="primary" plain> 数据导出</el-button>
        </div>

        <template>
          <el-table
            :data="tableData"
            border
           :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
            style="width: 100%; margin-top: 30px"
          >
            <el-table-column fixed prop="bianhao" label="申请编号">
            </el-table-column>
            <el-table-column prop="senddate" label="申请类型">
            </el-table-column>
            <el-table-column prop="enddate" label="申请时间"> </el-table-column>
            <el-table-column prop="name" label="申请状态">
              <el-button>复核中</el-button>
            </el-table-column>
            <el-table-column prop="province" label="医院或地区名称">
            </el-table-column>
            <el-table-column prop="address" label="经销商名称">
            </el-table-column>
            <el-table-column prop="shouqfang" label="备注"> </el-table-column>
          </el-table>
        </template>
      </div>
    </div>
    <div class="my-body">
      <div style="width: 100%; height: 200px; float: left; margin-top: 30px">
        <div style="width: 100%; height: 200px; float: left">
          <div>
            当前样品申请信息:样品申请编号【DH051102592311291001】进货方【泽之雨(上海)医疗器械有限公司】
          </div>
          <!-- <div style="margin-top: 20px;">
						<el-button type="primary" @click="tablisty = true">上传资质</el-button>
						<el-button type="warning">删除资质</el-button>
					</div> -->
          <template>
            <el-table
              :data="tableData"
              border
             :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
              style="width: 50%; margin-top: 30px"
            >
              <el-table-column prop="senddate" label="产品系列">
                <el-button
                  size="mini"
                  @click="handleEdit(scope.$index, scope.row)"
                  >图片</el-button
                >
              </el-table-column>
              <el-table-column prop="enddate" label="产品类型">
              </el-table-column>
              <el-table-column prop="senddate" label="产品规格">
                <el-button
                  size="mini"
                  @click="handleEdit(scope.$index, scope.row)"
                  >图片</el-button
                >
              </el-table-column>
              <el-table-column prop="enddate" label="订货数量">
              </el-table-column>
            </el-table>
          </template>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      area: false,
      tablisty: false,
      tablistya: false,
      tablistyb: false,
      key: 1, // 为了能每次切换权限的时候重新初始化指令
      options: [
        {
          value: "1",
          label: "全部",
        },
        {
          value: "2",
          label: "一般订单",
        },
        {
          value: "3",
          label: "积分订单",
        },
        {
          value: "3",
          label: "样品订单",
        },
        {
          value: "3",
          label: "换货订单",
        },
      ],
      input:"",
      value1: "",
      value2: "",
      value3: "",
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: "",
      },
      radio: "授权医院",
      value: "",
      tableData: [
        {
          bianhao: "PS074107742412L",
          senddate: "2024-05-02",
          enddate: "2024-12-31",
          name: "左心耳",
          province: "完成授权",
          city: "普陀区",
          address: "苏州市中心医院",
          shouqfang: "鹰潭市方园医药有限公司",
          jingxiaos: "鹰潭市方园医药有限公司",
          peisonf: "鹰潭市方园医药有限公司",
          shouqyy: "入院",
          shangcaizhibiao: 3,
        },
      ],
      checkAll: false,
      checkedCities: [],
      cities: [
        "房间隔缺损",
        "室间隔缺损",
        "介入输送装置",
        "动脉导管未闭",
        "抓捕器",
      ],
      isIndeterminate: true,
    };
  },
  methods: {
    handleClick(row) {
      console.log(row);
    },
    handleCheckAllChange(val) {
      const cityOptions = ["上海", "北京", "广州", "深圳"];
      console.log(val);
      this.checkedCities = val ? cityOptions : [];

      this.isIndeterminate = false;
    },
    handleCheckedCitiesChange(value) {
      let checkedCount = value.length;
      this.checkAll = checkedCount === this.cities.length;
      this.isIndeterminate =
        checkedCount > 0 && checkedCount < this.cities.length;
    },
  },
};
</script>

<style lang="scss" scoped>
.ipt_a {
  width: 240px;
  height: 50px;
  float: left;
}

.ipt_b {
  width: 450px;
  height: 50px;
  float: left;
}
</style>